extends layout
block content
    style.
        table, th, td {
            border: 1px solid black;  /* 实心, 黑色, 看上去会像空心, 因为每个 th 都会有边框, 并且最外面 table 也有一个边框 */
            border-collapse: collapse;  /* 折叠边框, 这样就将上面看着像空心的两个边框合成一个了 */
        }
        th, td { padding: 15px; }  /* 默认没有 padding */
        td { text-align: center; }  /* th 默认是加粗居中 */
        table { border-spacing: 35px; }  /* specifies the space between the cells, 但是好像没什么用 */
    table(style="width:100%")
        //- 横向占满, caption(添加标题, 标题没有边框)
        caption Monthly savings
        tr
            th Firstname
            th Lastname
            th Age
        tr
            td Jill
            td Smith
            td 50
    br
    table(style="width:100%")
        //- cells span many columns
        tr
            th Name
            th(colspan="2") Telephone
        tr
            td Bill Gates
            td 55577854
            td 55577855
    br
    table(style="width:100%")
        //- cells span many rows
        tr
            th Name:
            td Bill Gates
        tr
            th(rowspan="2") Telephone:
            td 55577854
        tr
            td 55577855
